
html,body{
  height: 100%;
  font-size: 14px;
  font-size:62.5%;
  /*background: #FF8DC8;*/
}

@media (min-width: 414px){
    html {
        width: 414px;
        margin: 0 auto;
    }
    .container{
        background: url(../images/Bg.png) no-repeat;
        background-size: 100%;
    }
}
*{
  margin: 0;
  padding: 0;
  font-family: "黑体";
}
.container{
  height: 100%;
  background: url(../images/Bg.png) no-repeat;
  background-size: 100%;
}
.container .bg{
  position: fixed;
  width: 100%;
  height: 100%;
}
.content{
  width: 100%;
  text-align: center;
}
.content > img{
    height: 50%;
    width: 100%;
    margin-top: 40%;
    left: 0;
    background-size: cover;
}
.successInfo {
    margin-top: -75%;
}
.successInfo > img{
    width: 85%;
}
.companyInfo{
    width: 48%;
    display: inline-block;
    border: none;
    background: none;
    text-align: center;
}
.share{
    width: 48%;
    display: inline-block;
    border: none;
    background: none;
    text-align: center;
}
.bottom {
    margin-top: 20%;
    padding: 0 3%;
}
.bottom img{
  width: 75%;
}

/*隐藏层*/
.BgHidde{
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-color: white;
  display: none;
}
.companyBg{
  position: fixed;
  width: 100%;
  height: 98%;
  background: url(../images/companyBg.png) no-repeat;
  background-size: 100% 100%;
  top: 2%;
  display: none;
}
.companyCon{
    position: fixed;
    width: 80%;
    height: 70%;
    background: url(../images/companyCon.png) no-repeat;
    background-size: 100%;
    top: 5%;
    left: 10%;
}
.qrCode{
  position: fixed;
  width: 66%;
  height: 30%;
  background: url(../images/qrCode.jpg) no-repeat;
  background-size: contain;
  top: 71%;
  left: 17%;
}
.RIclose{
  position: fixed;
  top:1%;
  right:-7%;
  display: block;
  width: 20%;
  height: 8%;
  background: url(../images/RIclose.png) no-repeat;
  background-size: contain;
}
